const { defineConfig } = require('@vue/cli-service')
const webpack = require('webpack')

module.exports = defineConfig({
    configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({ 
        $: 'jquery',
        jQuery: 'jquery',
        Popper: ['popper.js', 'default'] // bootstrap 中的一些组件依赖
      })
    ]
  },
  
  transpileDependencies: true,
  lintOnSave:false,
  devServer: {
    allowedHosts: "all",  //项目发布的时候允许外网访问
    https: false,
    open: true,
    hot: "only",
    proxy: {  //配置跨域 ,就不需要在服务端使用@CrossOrigin
      //使用@CrossOrigin 服务端存在Session不能共享问题
      '/rear': {
        target: 'http://localhost:8081/',  //这里后台服务地址
        ws: true, //如果要代理 websockets，配置这个参数
        secure: false,  //如果是https接口，需要配置这个参数（如果是http接口，也可以不写这个参数）
        changOrigin: true,  //允许跨域
        pathRewrite: { // 检查代理(url)的请求中是否有 /api ，有的话把 /api 替换为冒号后面的内容
          '^/rear': '/'
        }
      },
    }
  }
})
